.skeleton {
    border-radius: 3px;
    background: #d00;
    display: inline-block;
    height: 100%;
    width: 100%;

    &.breath {
        animation: breathKeyframe 2s ease-in-out infinite;
    }
    &.slide{
        background: #ededed linear-gradient(120deg,rgba(255,255,255,0)45%,rgba(255,255,255,1)50%,rgba(255,255,255,0) 60%);
        background-size: 220% 100%;
        background-position-x: 120%;
        animation: slideKeyframe 2s ease-in-out infinite;
    }

    //呼吸效果
    @keyframes breathKeyframe {
        50% {
            opacity: .5;
        }
    }
    //H滑动效果
    @keyframes slideKeyframe {
        to{
            background-position-x: -20%;
        } 
    }
}